<template>
    <el-row style="margin-top:50px;margin-bottom:0px;bottom:0px;" class="footer">
        <el-col :span="3"><div class="grid-content"></div></el-col>
        <el-col :span="18">
            <div class="grid-content" style="background-color:#EFF2F7;padding:5px;margin-bottom:0px;">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content">
                            <p style="text-align:center;">黔ICP备17005631号</p>
                            <p style="text-align:center;">Version {{version}}/{{release}}</p>
                            <p style="text-align:center;" v-if="env == 'development'">环境 {{env}} ({{date}})</p>
                            <p style="text-align:center;">Copyright © 2014-{{ year }} Conero.All Rights Reserved.</p>
                        </div>
                </el-col>
                </el-row>
            </div>
        </el-col>
        <el-col :span="3"><div class="grid-content"></div></el-col>
    </el-row>    
</template>

<script>
  export default {
    data() {
      return {
        year: (new Date).getFullYear(),
        version: SrCenter.version,
        release: SrCenter.release,
        env: SrCenter.env,
        date: SrCenter.date
      };
    }
  }
</script>